<extend file='../master'/>
<link rel="stylesheet" href="{{__TEMPLATE__}}/css/css.css">
<block name="content">
<div>
    <button class="btn btn-success" onclick="upImage(this)">选择图片</button>
    <a href="{{site_url('site/delall','',['type'=>'image'])}}" class="btn btn-danger">删除全部素材</a>
</div>
<br/>
<div class="panel panel-default">
	<div class="panel-body">
		<div class="view">
			<foreach from="$data" value="$d">
                <img src="{{$d['path']}}" style="width: 200px;">
            </foreach>
		</div>
	</div>
</div>
{{$data->links()}}
<script>
    //上传图片
    function upImage(obj) {
        require(['util'], function (util) {
            util.image(function (images) {
                // obj = util.loading();
                $.post('{{site_url("site/pushImage")}}', {file: images[0]}, function (res) {
                    // console.log(res);
                    //隐藏加载动画
                    // obj.modal('hide');
                    if (res.valid == 1) {
                        util.message('上传成功', 'refresh', 'success');
                    } else {
                        util.message('上传失败,请检测文件大小', '', 'error');
                    }
                },'json')
            }, [])
        });
    }
    //移除图片 
    // function removeImg(obj) {
    //     $(obj).prev('img').attr('src', 'resource/images/nopic.jpg');
    //     $(obj).parent().prev().find('input').val('');
    // }
</script>
</block>